<template>
  <view class="container">
    <view class="setting-box">
      <view class="content-item">
          <text class="item-text">修改个人信息</text>
        <u-icon name="arrow-right" color="#5a5a5a" size="36"></u-icon>
      </view>
      
      <view class="content-item">
          <text class="item-text">隐私政策</text>
        <u-icon name="arrow-right" color="#5a5a5a" size="36"></u-icon>
      </view>
      
      <view class="content-item">
          <text class="item-text">新信息通知提醒</text>
        <u-icon name="arrow-right" color="#5a5a5a" size="36"></u-icon>
      </view>
      
      <view class="content-item">
          <text class="item-text">实名认证</text>
        <u-icon name="arrow-right" color="#5a5a5a" size="36"></u-icon>
      </view>
      
      <view class="content-item">
          <text class="item-text">电话绑定</text>
        <u-icon name="arrow-right" color="#5a5a5a" size="36"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
  page{
    height: 100%;
  }
  .container{
    height: 100%;
    padding: 20px;
    background: #eeeeee;
  }
  .setting-box{
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    
  }
    .content-item{
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 50px;
      border-bottom: 1px solid #d4d4d4;
    }
</style>
